<!--左边导航列表视图和中间内容布局-->
<div class="main-container" id="main-container">
  <script type="text/javascript">
      try{ace.settings.check('main-container' , 'fixed')}catch(e){}
  </script>

  <div class="main-container-inner">
    <a class="menu-toggler" id="menu-toggler" href="#">
      <span class="menu-text"></span>
    </a>

    <div class="sidebar" id="sidebar">
      <script type="text/javascript">
          try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
      </script>

      <div class="sidebar-shortcuts" id="sidebar-shortcuts">
        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
          <button class="btn btn-success">
            <i class="icon-signal"></i>
          </button>

          <button class="btn btn-info">
            <i class="icon-pencil"></i>
          </button>

          <button class="btn btn-warning">
            <i class="icon-group"></i>
          </button>

          <button class="btn btn-danger">
            <i class="icon-cogs"></i>
          </button>
        </div>

        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
          <span class="btn btn-success"></span>

          <span class="btn btn-info"></span>

          <span class="btn btn-warning"></span>

          <span class="btn btn-danger"></span>
        </div>
      </div><!-- #sidebar-shortcuts -->

      <ul class="nav nav-list">
        <li class="active">
          <a href="<%= admin_welcome_url %>">
            <i class="icon-dashboard"></i>
            <span class="menu-text"> 主页 </span>
          </a>
        </li>



        <li>
          <a href="#" class="dropdown-toggle">
            <i class="icon-desktop"></i>
            <span class="menu-text"> 系统设置 </span>

            <b class="arrow icon-angle-down"></b>
          </a>

          <ul class="submenu">
            <li>
              <a href="#" class="dropdown-toggle">
                <i class="icon-desktop"></i>
                <span class="menu-text"> 用户管理 </span>

                <b class="arrow icon-angle-down"></b>
              </a>
              <ul class="submenu">
                <li>
                  <a href="<%= manager_users_bm_query_users_path %>">
                    <i class="icon-leaf"></i>
                        所有用户
                  </a>
                </li>

                <li>
                  <a href="<%= manager_users_bm_query_user_path(current_user) %>">
                    <i class="icon-leaf"></i>
                    当前用户
                  </a>
                </li>

              </ul>
            </li>


            <li>
              <a href="" class="dropdown-toggle">
                <i class="icon-double-angle-right"></i>
                权限管理
                <b class="arrow icon-angle-down"></b>
              </a>
              <ul class="submenu">
                <li>
                  <a href="<%= admin_authorize_site_permissions_url %>">
                    <i class="icon-leaf"></i>
                    权限资源
                  </a>
                </li>

                <li>
                    <a href="<%= admin_authorize_site_permission_actions_url %>">
                      <i class="icon-leaf"></i>
                      权限动作
                    </a>
                </li>
                <li>
                  <a href="<%=admin_authorize_site_abilities_path %>">
                    <i class="icon-leaf"></i>
                    授权
                  </a>
                </li>
              </ul>
            </li>

            <li>
              <a href="<%= admin_authorize_site_roles_path %>">
                <i class="icon-double-angle-right"></i>
                角色管理
              </a>
            </li>

            <li>
              <a href="">
                <i class="icon-double-angle-right"></i>
                主题设置
              </a>
            </li>
            <li>
              <a href="">
                <i class="icon-double-angle-right"></i>
                其他设置
              </a>
            </li>
            <li>
              <a href="#" class="dropdown-toggle">
                <i class="icon-double-angle-right"></i>
                管理
                <b class="arrow icon-angle-down"></b>
              </a>

              <ul class="submenu">
                <li>
                  <a href="#">
                    <i class="icon-leaf"></i>
                    第一级
                  </a>
                </li>

                <li>
                  <a href="#" class="dropdown-toggle">
                    <i class="icon-pencil"></i>

                    第四级
                    <b class="arrow icon-angle-down"></b>
                  </a>

                  <ul class="submenu">
                    <li>
                      <a href="#">
                        <i class="icon-plus"></i>
                        添加产品
                      </a>
                    </li>

                    <li>
                      <a href="#">
                        <i class="icon-eye-open"></i>
                        查看商品
                      </a>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
        </li>

        <li>
          <a href="" class="dropdown-toggle">
            <i class="icon-list"></i>
            <span class="menu-text">博客</span>

            <b class="arrow icon-angle-down"></b>
          </a>

          <ul class="submenu">
            <li>
              <a href="<%= manager_blog_blogs_url %>">
                <i class="icon-double-angle-right"></i>
                博客列表
              </a>
            </li>

            <li>
              <a href="<%= new_manager_blog_blog_path %>">
                <i class="icon-double-angle-right"></i>
                添加博客
              </a>
            </li>

            <li>
              <a href="#" class="dropdown-toggle">
                <i class="icon-double-angle-right"></i>

                分类博客
                <b class="arrow icon-angle-down"></b>
              </a>

              <ul class="submenu">
                <li>
                  <a href="<%= manager_blog_sorts_path %>">
                    <i class="icon-leaf"></i>
                    分类列表查询
                  </a>
                </li>


                </ul>
            </li>

          </ul>
        </li>

        <li>
          <a href="#" class="dropdown-toggle">
            <i class="icon-edit"></i>
            <span class="menu-text"> 日志查看 </span>

            <b class="arrow icon-angle-down"></b>
          </a>

          <ul class="submenu">
            <li>
              <a href="">
                <i class="icon-double-angle-right"></i>
                登录日志
              </a>
            </li>

            <li>
              <a href="">
                <i class="icon-double-angle-right"></i>
                操作日志
              </a>
            </li>

          </ul>
        </li>



      </ul><!-- /.nav-list -->

      <div class="sidebar-collapse" id="sidebar-collapse">
        <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
      </div>

      <script type="text/javascript">
          try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
      </script>
    </div>

    <div class="main-content">
      <div class="breadcrumbs" id="breadcrumbs">
        <script type="text/javascript">
            try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
        </script>

        <ul class="breadcrumb">
          <li>
            <i class="icon-home home-icon"></i>
            <a href="<%= admin_welcome_path %>">Home</a>
          </li>

          <li>
            <a href="#">Other Pages</a>
          </li>
          <li class="active">Blank Page</li>
        </ul><!-- .breadcrumb -->

        <div class="nav-search" id="nav-search">
          <form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
          </form>
        </div><!-- #nav-search -->
      </div>

      <!--<div class="page-content">
        <div class="row">
          <div class="col-xs-12">
            &lt;!&ndash; PAGE CONTENT BEGINS &ndash;&gt;

            &lt;!&ndash; PAGE CONTENT ENDS &ndash;&gt;
          </div>&lt;!&ndash; /.col &ndash;&gt;
        </div>&lt;!&ndash; /.row &ndash;&gt;
      </div>&lt;!&ndash; /.page-content &ndash;&gt;-->

        <%= yield :page_content %>

    </div><!-- /.main-content -->

    <div class="ace-settings-container" id="ace-settings-container">
      <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
        <i class="icon-cog bigger-150"></i>
      </div>

      <div class="ace-settings-box" id="ace-settings-box">
        <div>
          <div class="pull-left">
            <select id="skin-colorpicker" class="hide">
              <option data-skin="default" value="#438EB9">#438EB9</option>
              <option data-skin="skin-1" value="#222A2D">#222A2D</option>
              <option data-skin="skin-2" value="#C6487E" >#C6487E</option>
              <option data-skin="skin-3" value="#D0D0D0" <%= 'selected' if get_ace_theme=="#D0D0D0"  %> >#D0D0D0</option>
            </select>
            <script type="text/javascript">

            </script>
          </div>
          <span>&nbsp; Choose Skin</span>
        </div>

        <div>
          <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
          <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
        </div>

        <div>
          <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
          <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
        </div>

        <div>
          <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
          <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
        </div>

        <div>
          <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
          <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
        </div>

        <div>
          <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
          <label class="lbl" for="ace-settings-add-container">
            Inside
            <b>.container</b>
          </label>
        </div>
      </div>
    </div><!-- /#ace-settings-container -->
  </div><!-- /.main-container-inner -->

  <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="icon-double-angle-up icon-only bigger-110"></i>
  </a>
</div><!-- /.main-container -->

